<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0037)https://creditcard.bankcomm.com/m.html -->
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="keywords" content="">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=640;">
    <link rel="icon" type="image/vnd.microsoft.icon" href="/etc/designs/pccc/phone/favicon.ico">
    <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/etc/designs/pccc/phone/favicon.ico">
    <link rel="apple-touch-icon" href="/etc/designs/pccc/phone/114x114.png?v=20140410143400">
    <link rel="stylesheet" type="text/css" href="/etc/designs/pccc/phone/clientlibs/themes/default/css/main.css?v=20150724">
    <link rel="stylesheet" type="text/css" href="/etc/designs/pccc/phone/clientlibs/themes/default/css/legal.css?v=03.17.41">
    <script src="/etc/designs/pccc/shared/clientlibs/js/libs/jquery/jquery-1.8.0.js" type="text/javascript"></script>


    <!--app分享 start-->
    <meta name="native" content='[{"title":"分享","action":"share","para":{"title":"挑战七夕插花大师！","desc":"2花栽在瓶里，90元红包栽在你手里","pageUrl":"","imageUrl":""}}]'>
    <!--app分享 end-->

    <!--weixin分享 start-->
    <meta name="wx-title" content="挑战七夕插花大师！"/>

    <meta name="wx-desc" content="2花栽在瓶里，90元红包栽在你手里"/>

    <meta name="wx-img" content="">

    <meta name="wx-link" content="">


    <!-- Title / JS / CSS Start -->
    <title>交通银行信用卡|买单吧</title>
    <!--新增或修改的css和js文件如下-->
    <link rel="stylesheet" type="text/css" href="css/index220180814.css">
    <link rel="stylesheet" type="text/css" href="css/swiper.min20180814.css">

    <script src="js/swiper.min.js" type="text/javascript"></script>
    <script src="js/interact.js" type="text/javascript"></script>
    <!--<script src="js/interact.min.js" type="text/javascript"></script>-->
    <script src="js/weixin-share.js" type="text/javascript"></script>
    <script src="js/TimelineMax.js" type="text/javascript"></script>
    <script src="js/TweenMax.js" type="text/javascript"></script>
    <script src="js/zepto.html5Loader.min.js" type="text/javascript"></script>
    <script src="js/html2canvas.js"></script>

    <script type="text/javascript" src="js/use/process220180814.js"></script>
    <script type="text/javascript" src="js/use/index20180814.js"></script>

    <script src="/content/dam/pc/faka/js/activityTrunkCode.js" type="text/javascript"></script>
    <script type="text/javascript" src="/content/dam/phone/faka/appwlbk/js/cardId.js"></script>

    <!-- 20151216新增 去头-------------->
    <script>
        $(document).ready(function () {
            if ((navigator.userAgent.indexOf("com.bankcomm.maidanba") == -1) && (navigator.userAgent.indexOf("MobileBank") == -1)) {
                $("header").hide();
            } else {
                $("header").hide();
            }
        });
    </script>
    <!-- Title / JS / CSS End -->

</head>

<body class="normal">

    <div id="wrapper" >
        <!-- Header start -->
        <header>
            <div id="headerTop">
                <div class="bank-l"></div>
                <div class="buy-r"></div>
            </div>
            <div id="logolink"></div>
        </header>

        <div class="allPage">
            <!-- Content Start -->
            <div class="wrapper">
                <div id="content" class="content1">
                    <div class="outer">
                        <div class="inner">
                            <img class="loading" src="images/loading20180814.png" alt="">
                            <img src="images/point20180814.png" alt="" class="point point1">
                            <img src="images/point20180814.png" alt="" class="point point2">
                            <img src="images/point20180814.png" alt="" class="point point3">
                        </div>
                    </div>
                </div>
            </div>
            <!-- Content End -->
        </div>
        <!-- Heand end -->
        <div class="allPage0">
            <!-- Content Start -->
            <div class="wrapper wrap1">
                <img src="images/p1/p1bg20180814.jpg" alt="">
                <div id="content1" class="content1">
                    <div class="outer">
                        <div class="inner">
                            <div class="sidai_o" style="">
                                <img src="images/p1/sidai120180814.png" alt="" class="sidai1">
                            </div>
                            
                            <div class="sidai_t" style="">
                                <img src="images/p1/sidai220180814.png" alt="" class="sidai2">
                            </div>
                            
                          

                            <img src="images/p1/main_0220180814.png" alt="" class="main_02">
                            <img src="images/p1/zhinv20180814.png" alt="" class="zhinv">
                            <img src="images/p1/niulang_0320180814.png" alt="" class="niulang">
                            <img src="images/p1/title20180814.png" alt="" class="title">
                            <img src="images/p1/meigui120180814.png" alt="" class="meigui1">
                            <img src="images/p1/meigui220180814.png" alt="" class="meigui2">
                            <img src="images/p1/xique20180814.png" alt="" class="xique">
                            <img src="images/p1/shou20180814.png" alt="" class="shou">
                            <!-- 花瓣 -->
                            <img src="images/p1/huaban120180814.png" alt="" class="huaban1">
                            <img src="images/p1/huaban220180814.png" alt="" class="huaban2">
                            <img src="images/p1/huaban320180814.png" alt="" class="huaban3">
                            <img src="images/p1/huaban420180814.png" alt="" class="huaban4">
                            <img src="images/p1/huaban520180814.png" alt="" class="huaban5">
                            <img src="images/p1/huaban620180814.png" alt="" class="huaban6">
                            <img src="images/p1/huaban720180814.png" alt="" class="huaban7">
                            <!-- 花瓣 -->
                            <img class="p1btn" src="images/p1/p1btn20180814.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Heand end -->
        <div class="allPage1">
            <!-- Content Start -->
            <div class="wrapper wrap1">
                <img src="images/p2/p2bg20180814.jpg" alt="">
                <img src="images/p2/p2bg220180814.jpg" alt="" class="p2bg2">
                <img class="p2ping" src="images/p2/p2ping20180814.jpg" alt="">
                <div id="content2" class="content1">
                    <div class="outer">
                        <div class="inner">
                    
                            <!-- 可拖拽区域 start-->
                            <div class="drag resize-drag">
                                   
                                <div class="cav" id="gesture-area">
                                     <img class="xiangrikui" src="images/p2/xiangrikui20180814.png" alt="">
                                    <img class="juhua" src="images/p2/juhua20180814.png" alt="">

                                    <div class="draggable f1_ping2" scalerle="0" anrolate="0">
                                        <img class="p2ping2" src="images/vase/ping120180814.png" alt="">
                                        <img class="zhuan" src="images/zhuan20180814.png" alt="">
                                    </div>
                                </div>
                            </div>
                            <!-- 可拖拽区域 end-->

                            <img class="p2finish" src="images/p2/p2finish20180814.png" alt="">


                        </div>
                    </div>
                </div>
                <!-- tab栏 start-->
                <div class="tab">
                    <div class="tabBtn">
                        <div class="tabImgBox1 tabBtnBg">
                            <img src="images/p2/tab120180814.png" alt="">
                        </div>
                        <div class="tabImgBox2">
                            <img src="images/p2/tab220180814.png" alt="">
                        </div>
                        <div class="tabImgBox3">
                            <img src="images/p2/tab320180814.png" alt="">
                        </div>
                        <div class="tabImgBox4">
                            <img src="images/p2/tab420180814.png" alt="">
                        </div>
                    </div>
                    <div class="tabBox">
                        <div class="tabMain">                        
                            <div class="tabBox1 tabBoxBg">
                            <img src="images/flower/flower120180814.png" alt="" class="hua">
                            <img src="images/flower/flower220180814.png" alt="" class="hua">
                            <img src="images/flower/flower320180814.png" alt="" class="hua">
                            <img src="images/flower/flower420180814.png" alt="" class="hua">
                            <div class="huaming">
                                <div>美好生活花</div>
                                <div>勿忘我</div>
                                <div>含羞草</div>
                                <div>仙人掌</div>
                            </div>
                            <img src="images/flower/flower520180814.png" alt="" class="hua">
                            <img src="images/flower/flower620180814.png" alt="" class="hua">
                            <img src="images/flower/flower720180814.png" alt="" class="hua">
                            <img src="images/flower/flower820180814.png" alt="" class="hua">
                            <div class="huaming">
                                <div>朱顶红</div>
                                <div>黑玫瑰</div>
                                <div>马蹄莲</div>
                                <div>有钱花</div>
                            </div>
                            <img src="images/flower/flower920180814.png" alt="" class="hua">
                            <img src="images/flower/flower1020180814.png" alt="" class="hua">
                            <img src="images/flower/flower1120180814.png" alt="" class="hua">
                            <img src="images/flower/flower1220180814.png" alt="" class="hua">
                            <div class="huaming">
                                <div>铲屎官之花</div>
                                <div>小雏菊</div>
                                <div>百合</div>
                                <div>绣球花</div>
                            </div>
                            <img src="images/flower/flower1320180814.png" alt="" class="hua">
                            <img src="images/flower/flower1420180814.png" alt="" class="hua">
                            <img src="images/flower/flower1520180814.png" alt="" class="hua">
                            <img src="images/flower/flower1620180814.png" alt="" class="hua">
                            <div class="huaming">
                                <div>菊花</div>
                                <div>洋吉梗</div>
                                <div>黄玫瑰</div>
                                <div>郁金香</div>
                            </div>
                            <img src="images/flower/flower1720180814.png" alt="" class="hua">
                            <img src="images/flower/flower1820180814.png" alt="" class="hua">
                            <img src="images/flower/flower1920180814.png" alt="" class="hua">
                            <img src="images/flower/flower2020180814.png" alt="" class="hua">
                            <div class="huaming">
                                <div>薰衣草</div>
                                <div>郁金香</div>
                                <div>红玫瑰</div>
                                <div>吃货情侣花</div>
                            </div>
                            <img src="images/flower/flower2120180814.png" alt="" class="hua">
                            <img src="images/flower/flower2220180814.png" alt="" class="hua">
                            <img src="images/flower/flower2320180814.png" alt="" class="hua">
                            <img src="images/flower/flower2420180814.png" alt="" class="hua">
                            <div class="huaming">
                                <div>一见钟情花</div>
                                <div>乐开花</div>
                                <div>满天星</div>
                                <div>牵牛花</div>
                            </div>
                            <img src="images/flower/flower2520180814.png" alt="" class="hua">
                            <img src="images/flower/flower2620180814.png" alt="" class="hua">
                            <img src="images/flower/flower2720180814.png" alt="" class="hua">
                            <div class="huaming">
                                <div>金槌花</div>
                                <div>洋甘菊</div>
                                
                                <div>原谅花</div>
                            </div>
                        </div>
                        
                        <div class="tabBox3">
                            <img src="images/tag/tag120180814.png" alt="" class="hua">
                            <img src="images/tag/tag220180814.png" alt="" class="hua">
                            <img src="images/tag/tag320180814.png" alt="" class="hua">
                            <img src="images/tag/tag420180814.png" alt="" class="hua">
                            <div class="huaming">
                                <div>美好生活</div>
                                <div>白莲花</div>
                                <div>呐喊花</div>
                                <div>败家姐妹</div>
                            </div>
                            <img src="images/tag/tag520180814.png" alt="" class="hua">
                            <img src="images/tag/tag620180814.png" alt="" class="hua">
                            <img src="images/tag/tag720180814.png" alt="" class="hua">
                            <img src="images/tag/tag820180814.png" alt="" class="hua">
                            <div class="huaming">
                                <div>两眼昏花</div>
                                <div>乐开了花</div>
                                <div>一见钟情</div>
                                <div>吃货情侣</div>
                            </div>
                            <img src="images/tag/tag920180814.png" alt="" class="hua">
                            <img src="images/tag/tag1020180814.png" alt="" class="hua">
                            <img src="images/tag/tag1120180814.png" alt="" class="hua">
                            <img src="images/tag/tag1220180814.png" alt="" class="hua">
                            <div class="huaming">
                                <div>霸道总裁</div>
                                <div>表白被拒</div>
                                <div>感恩之花</div>
                                <div>异地恋</div>
                            </div>
                            <img src="images/tag/tag1320180814.png" alt="" class="hua">
                            <img src="images/tag/tag1420180814.png" alt="" class="hua">
                            <img src="images/tag/tag1520180814.png" alt="" class="hua">
                            <img src="images/tag/tag1620180814.png" alt="" class="hua">
                            <div class="huaming">
                                <div>花式秀恩爱</div>
                                <div>全家幸福</div>
                                <div>铲屎官之花</div>
                                <div>给你钱花</div>
                            </div>
                            <img src="images/tag/tag1720180814.png" alt="" class="hua">
                            <img src="images/tag/tag1820180814.png" alt="" class="hua">
                            <img src="images/tag/tag1920180814.png" alt="" class="hua">
                            <img src="images/tag/tag2020180814.png" alt="" class="hua">
                            <div class="huaming">
                                <div>嘻哈花</div>
                                <div>肥宅花</div>
                                <div>土味情花</div>
                                <div>原谅花</div>
                            </div>
                            
                        </div>
                        <div class="tabBox4">
                            <img src="images/interest/interest120180814.png" alt="" class="hua">
                            <img src="images/interest/interest220180814.png" alt="" class="hua">
                            <img src="images/interest/interest320180814.png" alt="" class="hua">
                            <img src="images/interest/interest420180814.png" alt="" class="hua">
                            
                            <img src="images/interest/interest520180814.png" alt="" class="hua">
                            <img src="images/interest/interest620180814.png" alt="" class="hua">
                            <img src="images/interest/interest720180814.png" alt="" class="hua">
                            <img src="images/interest/interest820180814.png" alt="" class="hua">
                           
                            <img src="images/interest/interest920180814.png" alt="" class="hua">
                            <img src="images/interest/interest1020180814.png" alt="" class="hua">
                            <img src="images/interest/interest1120180814.png" alt="" class="hua">
                            <img src="images/interest/interest1220180814.png" alt="" class="hua">
                          
                            <img src="images/interest/interest1320180814.png" alt="" class="hua">
                            <img src="images/interest/interest1420180814.png" alt="" class="hua">
                            <img src="images/interest/interest1520180814.png" alt="" class="hua">
                            <img src="images/interest/interest1620180814.png" alt="" class="hua">
                           
                            <img src="images/interest/interest1720180814.png" alt="" class="hua">
                            <img src="images/interest/interest1820180814.png" alt="" class="hua">
                            <img src="images/interest/interest1920180814.png" alt="" class="hua">
                            <img src="images/interest/interest2020180814.png" alt="" class="hua">
                           
                            <img src="images/interest/interest2120180814.png" alt="" class="hua">
                            
                        </div>
                    </div>
                    <div class="tabBox2">
                            <img src="images/vase/ping120180814.png" alt="" class="hua">
                            <img src="images/vase/ping220180814.png" alt="" class="hua">
                            <img src="images/vase/ping320180814.png" alt="" class="hua">
                            <img src="images/vase/ping420180814.png" alt="" class="hua">
                            
                            <img src="images/vase/ping520180814.png" alt="" class="hua">
                            <img src="images/vase/ping620180814.png" alt="" class="hua">
                            <img src="images/vase/ping720180814.png" alt="" class="hua">
                            <img src="images/vase/ping820180814.png" alt="" class="hua">
                           
                            <img src="images/vase/ping920180814.png" alt="" class="hua">
                            <img src="images/vase/ping1020180814.png" alt="" class="hua">
                            
                           
                        </div>
                    </div>
                </div>
                <!-- tab栏 end-->
            </div>

        </div>
        <!-- Heand end -->
        <div class="allPage2">
            <!-- Content Start -->
            <div class="wrapper">
                <div id="content" class="content1">
                    <div class="outer">
                        <div class="inner">
                            <img src="images/p3/p3main20180814.png" alt="" class="p3main">
                            <img src="images/p3/qr20180814.jpg" alt="" class="qr">
                            <div class="p3box">
                                <img src="images/p2/p2bg220180814.jpg" alt="" class="p2bg2">
                                <img class="p2ping p3pbg" src="images/p2/p2ping20180814.jpg" alt="">
                                <!-- <canvas width="375" height="400" style="width:750px;height:800px;"></canvas> -->
                            </div>
                            <img src="images/p3/hua120180814.png" alt="" class="hua1">
                            <img src="images/p3/hua220180814.png" alt="" class="hua2">
                            <img src="images/p3/hau320180814.png" alt="" class="hua3">
                            <img src="images/p3/agent20180814.png" alt="" class="agent">
                            <a href="https://creditcardapp.bankcomm.com/member/app/service/index.html?appWakeUpKey=WAKEUP_MOB_DOWNLOAD_PUBLIC_142">
                                <img src="images/p3/p3btn20180814.png" alt="" class="p3btn">
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Content End -->
        </div>

    </div>
    <!-- 跟踪代码 -->
    <script src="/etc/designs/pccc/shared/clientlibs/js/gzcj.js" type="text/javascript"></script>
</body>

</html>